html{
  font-size: 12px;
}

.orderticket{
  text-align:center;
  width: 46rem;
  font-family: -webkit-pictograph;
  position: relative;
  margin: 2rem auto
}
.orderticket h1{
  font-size: 3.5rem;
}
.orderticket form{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
.form-item{
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
}
.form-item  label{
  text-align: right;
  padding-right: 1rem;
  display: inline-block;
  width: 8rem;
  color:#b5b4b2;
  font-size: 1.5rem;
}
.form-item  input{
  background: #f3efeb;
  padding: 0.25rem 1rem;
  border-radius: 0.25rem;
  border: none;
  height: 3.33rem;
  font-size: 1.5rem;
  outline: none;
}
.form-item  input[type='text']{
  width: 34.5rem;
}
.form-item  input[type='date']{
  width: 12.5rem;
  padding-right: 0.17rem;
}
.form-item  input[type='submit']{
  color: #84b2d4;
  border:0.17rem solid #84b2d4;
  height: 5.83rem;
  width:23.5rem;
  cursor: pointer;
  background: none;
  font-size: 2rem;
  border-radius: 0.5rem;
  margin:3.75rem 1.5rem 1.2rem 1.5rem;
}
.form-item:last-child{
  width: 100%;
  text-align: center;
  display: inline-block;
  margin-top: 2rem;
}
.range-button button{
  background: #e3f3d0;
  color: #89a960;
  border: 1px solid rgba(137, 169, 96, 0.49);
  outline: none;
  width: 4.2rem;
  height: 3.8rem;
  font-size: 2.3rem;
  border-radius: 3px;
  cursor: pointer;
}
.range-button span{
  font-size: 1.5rem;
  padding: 0 1.5rem;
  display: inline-block;
  width:1.8rem;
}
.range-slider button{
  background: #f3efeb;
  color: #c9c6c5;
  border: 1px solid rgba(201, 198, 197, 0.52);
  outline: none;
  width: 4.1rem;
  height: 3.83rem;
  font-size: 1.5rem;
  border-radius: 3px;
}
.range-slider input{
  width: 20.8rem;
  height: 1rem;
}
#accounts:hover{
  font-size: 2rem;
}
@media only screen and (max-width: 768px) {
  html{
    font-size: 10px;
  }
  .orderticket{
    width: 88%;
  }
  .orderticket form{
    display: flex;
    flex-direction: column;
  }

  .form-item{
    display: flex;
  }
  .form-item label{
    width:5rem;
  }
  .form-item input{
    width: auto;
    flex: 1;
  }
  .range-slider{
    width: 77%;
    display: flex;
    align-items: center;
  }
  .range-slider input{
    width: auto;
    flex: 1;
  }
  .form-item:last-child{
    width: 100%;
  }
  .form-item input[type='submit'] {
    width: 60%;
    margin-top: 2rem;

  }
}
